<template>
 <div class="Footer">
  <div class="footer tanxin banxin2">
    <div class="footer-in" style="width: 535px; font-size: 10px">
      <p class="footer-in-b1">
        <a href="#">服务条款</a>
        <span class="line">|</span>
        <a href="#">隐私政策</a>
        <span class="line">|</span>
        <a href="#">儿童隐私政策</a>
        <span class="line">|</span>
        <a href="#"> 版权投诉</a>
        <span class="line">|</span>
        <a href="#">投资者关系</a>
        <span class="line">|</span>
        <a href="#">广告合作 </a>
        <span class="line">|</span>
        <a href="#">廉正举报</a>
        <span class="line">|</span>
        <a href="#">联系我们</a>
      </p>
      <p class="footer-in-b2">
        <span>网易公司版权所有©1997-2022</span>
        <span>杭州乐读科技有限公司运营：</span>
        <a href="#">浙网文[2021] 1186-054号</a>
      </p>
      <p class="footer-in-b3">
        <a href="#">粤B2-20090191-18 工业和信息化部备案管理系统网站</a>
        <a href="#">
          <span class="police-logo"></span>
          <span> 浙公网安备 33010902002564号</span>
        </a>
      </p>
      <p class=".footer-in-b4 tanxin">
        <a href="#">互联网宗教信息服务许可证：浙（2022）0000120</a>
        <a href="#"> 监督举报邮箱：51jubao@service.netease.com </a>
      </p>
    </div>
    <div>
      <ul class="ul-in tanxin">
        <li><a href="#"></a> <span></span></li>
        <li><a href="#"></a> <span></span></li>
        <li><a href="#"></a> <span></span></li>
        <li><a href="#"></a> <span></span></li>
        <li><a href="#"></a> <span></span></li>
      </ul>
    </div>
  </div>
    </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
@import "../assets/base.less";
* {
  text-decoration: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.Footer{
  margin-top: 30px;
  width: 100%;
  border: 1px solid #999;
.footer {
  align-items: center;
  .footer-in {
    margin: 20px 0;
    a {
      color: #666;
    }
    p {
      margin: 10px 0;
    }
    .footer-in-b1 {
      a {
        color: #999;
      }
      .line {
        margin: 0 2px 0 4px;
        color: #c2c2c2;
      }
    }
    .footer-in-b2 {
      span {
        color: #666;
      }
    }
    .footer-in-b3 {
      a {
        color: #666;
      }
    }
    .police-logo {
      background: url("https://s2.music.126.net/style/web2/img/3rd/police.png?e63e509f8752e92961fd923b66892f13")
        center;
      width: 14px;
      height: 14px;
      display: inline-block;
      margin-right: 2px;
      vertical-align: -2px;
      border-radius: 5px;
      background-size: cover;
    }
  }
  .ul-in {
    align-items: center;
    li {
      width: 60px;
      height: 70px;
      text-align: center;
      color: #666;
      margin: 0 15px;
      &:nth-child(1) a {
        display: block;
        width: 50px;
        height: 45px;
        margin: 0 auto;
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_new.png?c0bb8424ff8acc553a5a0fe194a89ad6");
        background-position: -170px -1008.5px;
        background-size: 110px 552px;
      }
      &:nth-child(1) span {
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c69fd78b596b424d1c2e5de7995be245");
        width: 72px;
        height: 14px;
        background-size: 180px 139px;
        background-position: 0 -108px;
        display: block;
        margin-top: 5px;
      }
      &:nth-child(2) a {
        display: block;
        width: 50px;
        height: 45px;
        margin: 0 auto;
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_new.png?c0bb8424ff8acc553a5a0fe194a89ad6");
        background-position: -170px -653px;
        background-size: 110px 552px;
      }
      &:nth-child(2) span {
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c69fd78b596b424d1c2e5de7995be245");
        width: 52px;
        height: 14px;
        background-size: 180px 139px;
        background-position: 0 -90px;
        display: block;
        margin: 5px auto 0;
      }
      &:nth-child(3) a {
        display: block;
        width: 50px;
        height: 45px;
        margin: 0 auto;
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_new.png?c0bb8424ff8acc553a5a0fe194a89ad6");
        background-position: -110px -552px;
        background-size: 110px 552px;
      }
      &:nth-child(3) span {
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c69fd78b596b424d1c2e5de7995be245");
        width: 52px;
        height: 14px;
        background-size: 180px 139px;
        background-position: 0 0px;
        display: block;
        margin: 5px auto 0;
      }
      &:nth-child(4) a {
        display: block;
        width: 50px;
        height: 45px;
        margin: 0 auto;
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_new.png?c0bb8424ff8acc553a5a0fe194a89ad6");
        background-position: -60px -603px;
        background-size: 110px 552px;
      }
      &:nth-child(4) span {
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c69fd78b596b424d1c2e5de7995be245");
        width: 52px;
        height: 14px;
        background-size: 180px 139px;
        background-position: 0 85px;
        display: block;
        margin: 5px auto 0;
      }
      &:nth-child(5) a {
        display: block;
        width: 50px;
        height: 45px;
        margin: 0 auto;
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_new.png?c0bb8424ff8acc553a5a0fe194a89ad6");
        background-position: -110px -653px;
        background-size: 110px 552px;
      }
      &:nth-child(5) span {
        background: url("https://s2.music.126.net/style/web2/img/foot_enter_tt.png?c69fd78b596b424d1c2e5de7995be245");
        width: 52px;
        height: 14px;
        background-size: 180px 139px;
        background-position: 0 66px;
        display: block;
        margin: 5px auto 0;
      }
    }
  }
}
}
</style>